Component({
  options: {
    multipleSlots: true
  },
  properties: {
    title: { // 对话框标题
      type: String,
      value: ''
    },
    desc: { // 对话框内容
      type: String,
      value: ''
    },
    show: { // 是否弹窗
      type: [Boolean, String],
      value: false
    },
    showCancel: { // 显示左侧按钮
      type: [Boolean, String],
      value: true
    },
    cancelText: { // 左侧按钮文本
      type: String,
      value: '取消'
    },
    cancelColor: { // 左侧按钮文本颜色
      type: String,
      value: '#808080'
    },
    showConfirm: { // 显示右侧侧按钮
      type: [Boolean, String],
      value: true
    },
    confirmText: { // 右侧按钮文本
      type: String,
      value: '确定'
    },
    confirmColor: { // 右侧按钮文本颜色
      type: String,
      value: '#3565ee'
    },
    align: { // 中间文本对齐方式
      type: String,
      value: 'left'
    },
    maskClose: { // 是否开启点击遮罩关闭弹窗
      type: [Boolean, String],
      value: true
    }
  },
  observers: {
    'show': function(newVal) {
      this.setData({
        showDialog:newVal
      })
    }
  },
  data: {
    showDialog: false
  },
  methods: {
    //点击/滑动遮罩
    handleMask(){
      if(this.data.maskClose){
        this.setData({
          showDialog:false
        })
      }
    },
    //对话框取消操作
    handleCancel: function() {
      this.setData({
        showDialog: false
      })
      this.triggerEvent('cancel')
    },
    //确认
    handleConfirm: function() {
      this.setData({
        showDialog: false
      })
      this.triggerEvent('comfirm')
    }
  }
})